<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="description" content="hu nan xiang ya yi yuan men zhen xi tong "/>
    <meta name="author" content="Han Yuping, Zhang Di">
    <meta name="robots" content="index,follow">
    <meta name="application-name" content="medical system">

    <link rel='stylesheet' href='../assets/css/fullcalendar.css'>
    <link rel='stylesheet' href='../assets/css/datatables/datatables.css'>
    <link rel='stylesheet' href='../assets/css/datatables/bootstrap.datatables.css'>
    <link rel='stylesheet' href='../assets/scss/chosen.css'>
    <link rel='stylesheet' href='../assets/scss/font-awesome/font-awesome.css'>
    <link rel='stylesheet' href='../assets/css/app.css'>
    <link rel='stylesheet' href='../assets/css/reset.css'>

    <!-- Le fav and touch icons -->
    <link href="../assets/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="../assets/apple-touch-icon.png" rel="apple-touch-icon" type="image/x-icon">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    @javascript html5shiv respond.min
    <![endif]-->
    <title>用户管理页面</title>
</head>
<body>
<div class="all-wrapper">
    <div class="row">
        <div class="col-md-3">
            <div class="text-center">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="side-bar-wrapper collapse navbar-collapse navbar-ex1-collapse">
                <a href="#" class="logo hidden-sm hidden-xs">
                    <i class="icon-user-md"></i>
                    <span>管理员</span>
                </a>
                <!-- <div class="search-box">
                  <input type="text" placeholder="搜索" class="form-control">
                </div> -->
                <div class="relative-w">
                    <ul class="side-menu">

                        <li class='current'>
                            <a href="user-list.html">
                                <span class="badge pull-right">18</span>
                                <i class="icon-user"></i> 用户管理
                            </a>
                        </li>

                        <li>
                            <a href="project-list.html">
                                <span class="badge pull-right">5</span>
                                <i class="icon-book"></i> 课题管理
                            </a>
                        </li>

                        <li>
                            <a href="scale-list.html">
                                <span class="badge pull-right">32</span>
                                <i class="icon-calendar-empty"></i> 量表管理
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="content-wrapper wood-wrapper">
                <div class="content-inner">
                    <div class="page-header">
                        <div class="header-links hidden-xs">
                            <a href="notifications.html"><i class="icon-comments"></i> 消息</a>
                            <a href="../login-admin.html"><i class="icon-signout"></i> 登出</a>
                        </div>
                        <h1><i class="icon-user"></i> 用户管理</h1>
                    </div>
                    <ol class="breadcrumb">
                        <li class="active">用户列表</li>
                    </ol>
                    <div class="main-content">
                        <div class="row">
                            <div class="widget">
                                <div class="widget-content-white glossed">
                                    <div class="padded">
                                        <table class="table table-striped table-bordered table-hover datatable">
                                            <thead>
                                            <tr>
                                                <th>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </th>
                                                <th>编号</th>
                                                <th>用户名</th>
                                                <th>姓名</th>
                                                <th>性别</th>
                                                <th>职称</th>
                                                <th>用户类型</th>
                                                <th>是否可用</th>
                                                <th>操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>1</td>
                                                <td>Mario</td>
                                                <td>李晓伟</td>
                                                <td>男</td>
                                                <td>医师</td>
                                                <td>医生</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>2</td>
                                                <td>Petey</td>
                                                <td>周星</td>
                                                <td>男</td>
                                                <td>主任医师</td>
                                                <td>管理员</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>3</td>
                                                <td>Anna</td>
                                                <td>刘雪</td>
                                                <td>女</td>
                                                <td>医师</td>
                                                <td>医生</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>4</td>
                                                <td>Paul</td>
                                                <td>安雨欣</td>
                                                <td>女</td>
                                                <td>医师</td>
                                                <td>医生</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>5</td>
                                                <td>Anna</td>
                                                <td>张倩</td>
                                                <td>女</td>
                                                <td>副主任医师</td>
                                                <td>数据审阅者</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>6</td>
                                                <td>Gail</td>
                                                <td>李萌</td>
                                                <td>女</td>
                                                <td>医师</td>
                                                <td>医生</td>
                                                <td class="text-right"><span class="label label-danger"><i
                                                        class="icon-remove"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-success btn-xs"><i class="icon-ok"></i>&nbsp;启用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>7</td>
                                                <td>Mary</td>
                                                <td>刘家辉</td>
                                                <td>男</td>
                                                <td>副主任医师</td>
                                                <td>数据审阅者</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>8</td>
                                                <td>Dan</td>
                                                <td>于志华</td>
                                                <td>男</td>
                                                <td>医师</td>
                                                <td>医生</td>
                                                <td class="text-right"><span class="label label-danger"><i
                                                        class="icon-remove"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-success btn-xs"><i class="icon-ok"></i>&nbsp;启用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>9</td>
                                                <td>Jim</td>
                                                <td>李泽海</td>
                                                <td>男</td>
                                                <td>主任医师</td>
                                                <td>管理员</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>10</td>
                                                <td>Angie</td>
                                                <td>郭志婷</td>
                                                <td>女</td>
                                                <td>副主任医师</td>
                                                <td>数据审阅者</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>11</td>
                                                <td>Sharon</td>
                                                <td>刘谦</td>
                                                <td>男</td>
                                                <td>医师</td>
                                                <td>医生</td>
                                                <td class="text-right"><span class="label label-danger"><i
                                                        class="icon-remove"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-success btn-xs"><i class="icon-ok"></i>&nbsp;启用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>12</td>
                                                <td>Beau</td>
                                                <td>吴欣</td>
                                                <td>女</td>
                                                <td>医师</td>
                                                <td>医生</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="checkbox"><input type="checkbox"></div>
                                                </td>
                                                <td>13</td>
                                                <td>Serj</td>
                                                <td>刘琴</td>
                                                <td>女</td>
                                                <td>医师</td>
                                                <td>医生</td>
                                                <td class="text-right"><span class="label label-success"><i
                                                        class="icon-ok"></i></span></td>
                                                <td class="text-right">
                                                    <a href="#" class="btn btn-warning btn-xs"  data-toggle="modal" data-target="#forbiddenUserModal"><i
                                                            class="icon-ban-circle"></i>&nbsp;禁用</a>
                                                    <a href="#" class="btn btn-danger btn-xs"  data-toggle="modal" data-target="#delUserModal"><i
                                                            class="icon-remove"></i>&nbsp;删除</a>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<!-- 删除用户 -->
<div class="modal fade" id="delUserModal" tabindex="-1" role="dialog" aria-labelledby="delUserLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="delUserLabel">删除用户</h4>
            </div>
            <div class="modal-body">
                <form action="" role="form" class="form-horizontal">
                    <h3>你确定要删除用户：李晓伟吗？</h3>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>

<!-- 禁用用户 -->
<div class="modal fade" id="forbiddenUserModal" tabindex="-1" role="dialog" aria-labelledby="forbiddenUserLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="forbiddenUserLabel">禁用用户</h4>
            </div>
            <div class="modal-body">
                <form action="" role="form" class="form-horizontal">
                    <h3>你确定要禁用用户：李晓伟吗？</h3>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
// <script type="text/javascript">
//      $('.datatable').DataTable({
//       aoColumnDefs: [
//         {
//           bSortable: false,
//           aTargets: [0]
//         }
//       ],
//       aaSorting: []
//     });
// </script>
<script src="../libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src='../assets/js/jquery.sparkline.min.js'></script>
<script src='../assets/js/bootstrap/bootstrap.min.js'></script>
<script src='../assets/js/jquery.knob.js'></script>

<script src='../assets/js/datatables/datatables.min.js'></script>
<script src='../assets/js/chosen.jquery.min.js'></script>
<script src='../assets/js/datatables/bootstrap.datatables.js'></script>

<script src='../assets/js/for_pages/table-user.js'></script>

</body>
</html>